<div class="ai-search-bg" [ngStyle]="tagData.cssStyle | styleFilter">
  <!-- 有图 -->
  <ng-container *ngIf="tagData.data.bgImg && tagData.data.bgImg.length > 1">
    <div class="ai-img-bg">
      <!-- <img src="{{tagData.data.bgImg}}" alt=""> -->
      <img class="ai-img" src="assets/fw/ai-01.jpg" alt="">
      <img class="ai-img-mark" src="assets/fw/ai-02.jpg" alt="">
      <img src="assets/icon/nav_icon_back_fw.png" alt="" class="icon-back" appDebounceClick (debounceClick)="back()">
    </div>
    
  </ng-container>
  <div class="header-content-bg" [ngClass]="{'header-content-bg-no-img': !tagData.data?.bgImg || tagData.data?.bgImg.length === 0}">
    <img *ngIf="tagData.data.icon && tagData.data.icon.length > 0" src="assets/fw/hand.gif" alt="" class="hand" >
    <p class="tip"><img *ngIf="tagData.data.tipIcon" class="tip-icon" src="assets/fw/ai-icon.png" alt="">{{tagData.data.tip}}</p>

    <p class="search-title"*ngIf="tagData.data.title" >{{tagData.data.title}}</p>

    <div class="search-box" *ngIf="tagData.data.searchPlaceHolder && tagData.data.searchPlaceHolder.length > 0" appDebounceClick (debounceClick)="pageModalService.openPage(tagData.data.link)">

      <p class="search-box-text">{{tagData.data.searchPlaceHolder}}</p>
      <img class="search-box-img" src="assets/fw/ai-search-icon.png" alt="">
    </div>
    <ng-container *ngIf="tagData.data.tips">
      <div class="tips-bg">
        <ng-container *ngFor="let it of tagData.data.tips; let i = index">
          <span class="tips-bg-text">{{it}}</span>
          <img class="tips-bg-img" *ngIf="i+1 !==  tagData.data.tips.length" src="assets/fw/ai-search-arrow.png" alt="">
        </ng-container>
        
        
      </div>
    </ng-container>
    
  </div>
</div>
